.promotion-container{
  padding-bottom: 80rpx;
  padding-bottom: calc(80rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(80rpx + env(safe-area-inset-bottom));

  image,
  img{
    display: block;
    margin: 0;
    padding: 0;
  }

  canvas{
    top: 0;
    left: 200%;
    // left: 0;
    position: fixed;
    z-index: 99999;
  }
  .img-list{
    font-size: 0rpx;
  }
  .img-item{
    width: 100%;
    height: 0;
    height: auto;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    
  }
  .share-btn{
    width: 200rpx;
    height: 200rpx;
    right: 16rpx;
    bottom: 28%;
    position: fixed;
  }
  .footer-block{
    @include flex;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;

    .sub-item{
      @include sub-item;
      height: 100rpx;
      background-size: 100% auto;
      box-sizing: content-box;
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
    }
  }
  .share-pop{
    @include mask(0.4, 999);
    &>.sub-item{
      @include sub-item(1, column);
      @include flex;
      @include center;
      .poster{
        width: 600rpx;
        height: 900rpx;
        margin-top: -80rpx;
        position: relative;

        image{
          width: 100%;
          height: 100%;
        }
      }
    }

    .type-block{
      background: #fff;
      .type-btn-list{
        @include flex;
      }
      .type-item{
        @include sub-item;
        @include flex(column);
        @include center;
        height: 200rpx;
        color: #333;
        font-size: 26rpx;
  
        image{
          width: 100rpx;
          height: 100rpx;
          margin-bottom: 24rpx;
        }
      }
      .btn-footer{
        color: #000;
        font-size: 30rpx;
        text-align: center;
        line-height: 100rpx;
        background: #FAFAFA;
        padding-bottom: 0;
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
      }
    }
  
    &.active{
      @include flex(column)
    }
  }
}